<template>
  <div id="bottom">
    <div class="header">
      <ul>
        <li style="margin-left: -15px">序号</li>
        <li>实施清单名称</li>
        <li>办事情形</li>
        <li>办件编号</li>
        <li>事项类型</li>
        <li>申请人</li>
        <li>经办人</li>
        <li>登记时间</li>
        <li>时限</li>
        <li>办件状态</li>
        <li>操作</li>
      </ul>
      <!-- 表格 -->

      <!-- 分页 -->
    </div>
  </div>
</template>

<script>
  export default {
    name: 'Bottom'
  };
</script>

<style lang="scss" scoped>
  #bottom {
    width: 1598px;
    height: 443px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 20px;
    // background-color:green;
    .header {
      width: 1598px;
      height: 60px;
      background: #d3e8fe;
      opacity: 1;
      border-radius: 5px 5px 0px 0px;
      ul {
        width: 1598px;
        height: 60px;
        display: flex;
        justify-content: space-around;
        li {
          height: 20px;
          font-size: 14px;
          font-family: PingFang SC;
          font-weight: bold;
          line-height: 60px;
          color: #121432;
          opacity: 1;
        }
      }
    }
    // .below {
    //     height: 443px;
    //     background-color: yellow;
    // }
  }
</style>
